{extend name="base" /}
{block name="css"}
{css href="__AD_CSS__/main.css" /}
{/block}
{block name="body"}
<div class="layui-form timo-compile user-info-page">
    <div class="user-info">
        <div class="user-avatar-box">
            <img class="user-avatar" src="__AD_IMG__/15367146917869444.jpg" alt="头像">
        </div>
        <ul class="detail-info">
            <li>账号：<span>{$list.user_name}</span></li>
            <li>昵称：<span>{$list.nick_name}</span></li>
            <li>性别：<span>{if $list.sex eq 1}男{elseif $list.sex eq 2}女{else}保密{/if}</span></li>
            <li>电话：<span>{$list.mobile_phone}</span></li>
            <li>邮箱：<span>{$list.email}</span></li>
        </ul>
    </div>
    <form class="user-edit" action="{:url('myInfo')}" method="post">
        <input type="hidden" name="user_name" value="{$list.user_name}"/>
        <div class="layui-form-item">
            <label class="layui-form-label">用户昵称</label>
            <div class="layui-input-inline">
                <input class="layui-input" type="text" name="nick_name" placeholder="请输入用户昵称" value="{$list.nick_name}">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">电话号码</label>
            <div class="layui-input-inline">
                <input class="layui-input" type="text" name="mobile_phone" placeholder="请输入电话号码" value="{$list.mobile_phone}">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">邮箱</label>
            <div class="layui-input-inline">
                <input class="layui-input" type="text" name="email" placeholder="请输入邮箱" value="{$list.email}">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">选择性别</label>
            <div class="layui-input-inline">
                <input type="radio" name="sex" value="0" title="保密" {if $list.sex eq 0}checked{/if}><div class="layui-unselect layui-form-radio layui-form-radioed"><i class="layui-anim layui-icon"></i><div>保密</div></div>
                <input type="radio" name="sex" value="1" title="男" {if $list.sex eq 1}checked{/if}><div class="layui-unselect layui-form-radio layui-form-radioed"><i class="layui-anim layui-icon"></i><div>男</div></div>
                <input type="radio" name="sex" value="2" title="女" {if $list.sex eq 2}checked{/if}><div class="layui-unselect layui-form-radio"><i class="layui-anim layui-icon"></i><div>女</div></div>
            </div>
        </div>
        <div class="layui-form-item layui-form-text">
            <label class="layui-form-label">备注</label>
            <div class="layui-input-block">
                <textarea placeholder="请输入内容" class="layui-textarea" name="motto">{$list.motto}</textarea>
            </div>
        </div>
        <div class="layui-form-item timo-finally">
            <button class="layui-btn" lay-submit  lay-filter="i"><i class="fa fa-check-circle"></i> 保存</button>
            <a class="layui-btn btn-secondary close-popup"><i class="fa fa-times-circle"></i> 关闭</a>
        </div>
    </form>
</div>
{/block}
